<template>
  <div class="body">
    <van-nav-bar
      :title="title"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    >
      <template #right>
        <van-image
          round
          width="1rem"
          height="1rem"
          fit="contain"
          :src="this.userInfo.photo"
        />
      </template>
    </van-nav-bar>
    <div class="showImg">
      <ul>
        <li v-for="(img, index) in imgList" :key="index">
          <img :src="img" alt="" />
        </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="produce">
      <h3>简介</h3>
      <ul>
        <li v-for="(value, index) in produce" :key="index">
          {{ value }}
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: {},
      imgList: this.$route.query.imgList,
      produce: this.$route.query.produce,
      userInfo: JSON.parse(localStorage.getItem("userInfo")),
      title:this.$route.query.title
    };
  },
  created() {},
  computed: {},
  methods: {
    onClickLeft() {
     /*  console.log(1); */
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss" scoped>
h1 {
  font-size: 24px;
  margin-left: 4%;
  padding-top: 3%;
}
h3 {
  clear: both;
  font-size: 20px;
  margin-top: 2%;
}
.produce {
  width: 96%;
  margin-left: 2%;
  background-color: rgb(255, 255, 255);
  box-shadow: 1px 1px 2px gray;
  margin-top: 2%;
}
.produce li,
h3 {
  margin-left: 2%;
  margin-top: 3%;
}
li {
  line-height: 20px;
}
.showImg {
  width: 100%;
  text-align: center;
  margin-bottom: 3%;
}
.clear {
  clear: both;
}
img {
  width: 46%;
  float: left;
  border-radius: 2%;
  margin-left: 3%;
  margin-top: 3%;
  box-shadow: 1px 1px 5px gray;
}
.body {
  width: 100%;
  height: 100%;
}
</style>
